@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2018-04-25 15:19:35
 * @version $Id$
 */
/*banner开始*/
.banner{ width: 100%; height: 600px; position: relative; overflow: hidden;}
.banner .main{ width: 1920px; height: 600px; position: absolute; left: 50%; margin-left: -960px;}
.banner .main img{ width: 1920px; height: 600px; }
.banner .main .bd ul{ width: 1920px; height: 600px; }
.banner .main .hd{ width: 100%; height: 23px; position: absolute; left: 0px; bottom: 14px;}
.banner .main .hd ol{ font-size: 0px; text-align: center; }
.banner .main .hd ol li{ width: 20px; height: 20px; border: 3px solid #fff; display: inline-block; border-radius: 50%; behavior: url(js/PIE.htc); position: relative; margin: 0px 11px; cursor: pointer;}
.banner .main .hd ol li:hover{ background: #fff;}
.banner .main .hd ol li.on{ background: #fff;}
/*banner结束*/
/*公共标题开始*/
.title{ height: 177px; text-align: center; overflow: hidden; position: relative;}
.title:before{ content: ""; width: 250px; border: 2px solid #cecece; position: absolute; top: 75px; left: 200px;}
.title:after{ content: ""; width: 250px; border: 2px solid #cecece; position: absolute; top: 75px; right: 200px;}
.title h2{ font-size: 22.5px; color: #333; margin-top: 50px;}
.title h3{ font-size: 12.5px; color: #5d5959; height: 20px; line-height: 20px; letter-spacing: 2px;}
.title span{ display: block; position: relative;}
.title span:after{display: block; content: ""; width: 32px; border: 2px solid #eb791b; position: absolute; top: 4px; left: 584px;}
/*公共标题结束*/
/*关于我们开始*/
.about{ width: 1200px; height: 650px; margin: 0px auto;}
.about .profile{ width: 1200px; height: 473px;}
.about .profile img{ width: 405px; height: 370px; margin-left: 72px; float: left; margin-right: 215px;}
.about .profile h4{ font-size: 18px; color: #333; margin-right: 95px; padding-top: 23px; }
.about .profile p{ font-size: 12.5px; color: #333; margin-right: 95px; line-height: 25px; text-indent: 2em; margin-top: 50px; }
.about .profile .more{ font-size: 12px; color: #fff; width: 116px; height: 33px; background: #eb791b; display: inline-block; text-align: center; line-height: 33px; border-radius: 5px; behavior: url(js/PIE.htc); position: relative; margin-top: 77px; margin-left: 300px; }
/*关于我们结束*/
/*产品展示开始*/
.product{ width: 100%; height: 650px; background: #d9d7d7;}
.product .main{ width: 1200px; height: 650px; margin: 0px auto; overflow: hidden;}
.product .main .title:before{ content: ""; width: 250px; border: 2px solid #999797; position: absolute; top: 75px; left: 200px;}
.product .main .title:after{ content: ""; width: 250px; border: 2px solid #999797; position: absolute; top: 75px; right: 200px;}
.product .main .title span{ display: block; position: relative;}
.product .main .title span:after{display: block; content: ""; width: 32px; border: 2px solid #333; position: absolute; top: 4px; left: 584px;}
.product .main ul{ width: 1200px;}
.product .main ul li{ float: left;  width: 227px; margin: 0px 98px 0px 75px; position: relative;}
.product .main ul li a:after{ content: ""; display: none; position: absolute; top: 0px; left: 0px; width: 227px; height: 211px; background: url(../img/index_pro000.png);}
.product .main ul li:hover a:after{ display: block;}
.product .main ul li:hover h4{ text-decoration: underline; font-style: italic;}
.product .main ul li img{ display: block; width: 227px; height: 211px; }
.product .main ul li h4{ font-size: 16.5px; color: #333; text-align: center; margin: 30px 0px;}
.product .main ul li p{ font-size: 12.5px; color: #333; line-height: 20px; text-indent: 2em;}
/*产品展示结束*/
/*企业新闻开始*/
.news{ width: 100%; height: 650px;}
.news .main{ width: 1200px; height: 650px; margin: 0px auto;}
.news .main .title{ width: 1200px; height: 177px; text-align: center; overflow: hidden; position: relative;}
.news .main .title:before{ content: ""; width: 250px; border: 2px solid #cecece; position: absolute; top: 75px; left: 200px;}
.news .main .title:after{ content: ""; width: 250px; border: 2px solid #cecece; position: absolute; top: 75px; right: 200px;}
.news .main .title h2{ font-size: 22.5px; color: #333; margin-top: 50px;}
.news .main .title h3{ font-size: 12.5px; color: #5d5959; height: 20px; line-height: 20px;}
.news .main .title span{ display: block; position: relative;}
.news .main .title span:after{display: block; content: ""; width: 32px; border: 2px solid #eb791b; position: absolute; top: 4px; left: 584px;}
.news .main .information{ width: 484px; height: 360px; float: left; margin-left: 70px;}
.news .main .information a{ width: 484px; height: 161px; }
.news .main .information a img{ width: 484px; height: 161px; }
.news .main .information h4{ font-size: 16.5px; color: #333; margin: 30px 0px;}
.news .main .information p{ font-size: 12.5px; color: #333; line-height: 24px; text-indent: 2em;}
.news .main .information p a{ color: #eb7d18; }
.news .main > .more{ width: 135px; height: 37px; margin: 0px auto; }
.news .main > .more a{ font-size: 12.5px; color: #fcfcfd; width: 135px; height: 37px; background: #eb7d18; display: inline-block; text-align: center; line-height: 37px;  }
.news .main .newslist{ width: 443px; height: 360px; float: right; margin-right: 80px;}
.news .main .newslist ul li{ width: 443px; height: 35px; cursor: pointer; background: url(../img/index_news_bg1.png) no-repeat 16px 16px;}
.news .main .newslist ul li a{ width: 443px; height: 35px; display: block;}
.news .main .newslist ul li h5{ float: left; line-height: 35px; font-size: 12.5px; color: #333; margin-left: 36px;}
.news .main .newslist ul li span{ float: right; line-height: 35px; font-size: 12.5px; color: #333; margin-right: 26px; }
.news .main .newslist ul li:hover{ background: #eb7918 url(../img/index_news_bg2.png) no-repeat 16px 16px;}
.news .main .newslist ul li:hover h5{ color: #fdfdfe;}
.news .main .newslist ul li:hover span{ color: #fdfdfe;}
/*企业新闻结束*/
/*联系我们开始*/
.contact{ width: 100%; height: 602px; position: relative; overflow: hidden;}
.contact > img{ width: 1920px; height: 602px; position: absolute; left: 50%; margin-left: -960px; z-index: -1;}
.contact .main{ width: 1200px; height: 602px; margin: 0px auto;}
.contact .main .title:before{ content: ""; width: 250px; border: 2px solid #fff; position: absolute; top: 75px; left: 200px;}
.contact .main .title:after{ content: ""; width: 250px; border: 2px solid #fff; position: absolute; top: 75px; right: 200px;}
.contact .main .title h2{ font-size: 22.5px; color: #fcfdfe; margin-top: 50px;}
.contact .main .title h3{ font-size: 13.5px; color: #fcfdfe; height: 20px; line-height: 20px;}
.contact .main .title span{ display: block; position: relative;}
.contact .main .title span:after{display: block; content: ""; width: 32px; border: 2px solid #fff; position: absolute; top: 4px; left: 584px;}
.contact .main .map{ width: 394px; height: 370px; float: left; margin-left: 200px;}
.contact .main .map iframe{ width: 394px; height: 370px;}
.contact .main .address{ width: 290px; height: 370px; float: right; margin-right: 200px;}
.contact .main .address > p{ font-size: 12.5px; color: #fcfdfe; line-height: 24px; text-indent: 2em; margin-bottom: 18px;}
.contact .main .address ul li{ width: 290px; height: 29px; border-bottom: 1px dashed #fcfdfe; }
.contact .main .address ul li p{ font-size: 12.5px; color: #fcfdfe; line-height: 30px; padding-left: 2px;}
.contact .main .address img{ width: 83px; height: 82px; float: right; margin-top: 18px;}
/*联系我们结束*/